<template>
  <div class="about">
    <h1 @click="handleClick">{{loaderTxt}}</h1>
     <router-view></router-view>
  </div>
</template>
<script lang="ts">
import {defineComponent, reactive, toRefs} from 'vue'
import { useRouter } from 'vue-router'
export default defineComponent({
  name: 'userlist',
  setup(props) {
    const router = useRouter()
    const state = reactive({
      loaderTxt: 'userlist page 试炼 ts'
    })
    const handleClick = () => {
      router.push({
        name:'userDetail'
      })
    }
    return {
      ...toRefs(state),
      handleClick
    }
  }
})
</script>